ul{
	list-style: none;	
	padding:0
}
/*模板文件的头和底部样式更改*/
.myHeader{
	background-color:#006699;
}
.myHeader h1{
	color: #FFFEF1;	
}
.myHeader .mui-icon-search{
	color: #FFFEF1;	
}
	/*底部*/
.my-foot{
	background-color: #006699;
}
.my-foot .mui-tab-item{
	color: #FFFEF1;
}
.my-foot .mui-tab-item.mui-active{
	color: darkgoldenrod;
}
/*中间的内容区*/
.my-content{
	position: absolute;
	display: flex;
	width: 100%;
	top: 44px;
	bottom: 50px;
	background-color:#ddd;		
}
.my-content .left,.my-content .right {
	float: left;	
	height: 100%;
	position:relative;
	background-color: #ddd;
}

.my-content .left{
	width: 74px;
}
.my-content .right{
	margin-left: 10px;
	flex: 1;
}
/*左边的导航条*/
.left .category-link{
	background-color: #FFF;
}
.left .category-link a{
	display:block;
	color:#000;
	font-size:14px;
	height:40px;
	line-height:40px;
	text-align:center;
	border-bottom: 1px solid #e0e0e0;
	border-right: 1px solid #e0e0e0;
}
.left .category-link .active{
	background-color:#ddd;
	border-right:1px solid #ddd;
}
/*右边的内容*/
.right .bran-list ul{
	width:10;
	background-color: #FFF;
}
.right .bran-list li{
	float:left;
	width:33.3333%;	
} 
.right .bran-list li a{
	display:block;
	width:100%;
	margin:0 auto;
}
.right .bran-list li a img{
	width:100%;
	margin-top:10px;
}
.bran-list p{
	text-align:center;
	
}
.category-no{
	width:100%;
	background-color:#FFF;
}





